import React from 'react';
import ReactDom from 'react-dom';
import {Button,Menu,Modal,Icon,Tabs,message,Form,Input,CheckBox} from 'antd';
import 'antd/dist/antd.css';
const FormItem = Form.Item;
const SubMenu = Menu.SubMenu;
const TabPane = Tabs.TabPane;
const MenuItemGroup = Menu.MenuItemGroup;
import { Row,Col } from 'antd';
import {Router, Route, Link, browserHistory} from 'react-router';


export default class PCHeader extends React.Component{
	constructor(){
		super();
		this.state={
		
		}
	};
	loginout(){
		localStorage.logined = "";
      	window.location.reload();
	}
	render(){
		
		return (
			<header>
			    <Row>
			        <Col span={2}></Col>
			        <Col span={2}>
						<a href="/" class="logo">
							<img src="./images/logo2.png" alt="logo" />
						</a>
			        </Col>
			        <Col span={16}>
						<Menu mode="horizontal">
							<Menu.Item key="index"><Link to={`/`}><Icon type="appstore"/>首页</Link></Menu.Item>
						</Menu>
			        </Col>
			        <Col span={2}>
			            <Menu mode="horizontal">
			        	    <Menu.Item key="loginout" class="loginout"><Button type="ghost" htmlType="button" onClick={this.loginout.bind(this)}>退出</Button></Menu.Item>
			        	</Menu>
			        </Col>
			        <Col span={2}></Col>
			    </Row>
			</header>
		);
	};
}